.ant-input {
  border: 1px solid #d2deee;
}

@function loopCalcMenuItem($n) {
  @return 1200px / $n
}

;

@mixin loopMenuItem($index) {
  @if($index > 0) {
    .menu-item-custom-#{$index} {
      width: loopCalcMenuItem($index);
    }

    @include loopMenuItem($index - 1)
  }
}

// ant-menu 菜单栏
.ant-menu-horizontal {
  text-align: center;
  height: 46px;
  line-height: 46px;
  font-size: 18px;
  background: #FFF;
  // color: #000;
  border-bottom: 2px solid #2D5ACB;
  @include loopMenuItem(12);

  .hide-active {
    color: #000 !important;
    border-bottom: 0px !important;
  }

  .ant-menu-submenu,
  .ant-menu-item {
    position: relative;
    top: 0px;
    padding: 0px;
    @extend .hide-active;

    .menu-title-wrap {
      display: flex;
      align-items: center;
      width: 100%;

      .title-item {
        flex: 1;
      }

      .title-after-line {
        width: 1px;
        height: 22px;
        background: #8aceff;
        opacity: .3;
      }

      .menuLineActive {
        background: #2D5ACB;
      }
    }
  }

  .ant-menu-submenu-active {
    color: #fff !important;
  }

  .ant-menu-item:hover,
  .ant-menu-submenu:hover {

    color: #fff !important;
    border-bottom: 0px !important;
  }

  .ant-menu-submenu-title:hover {
    color: #fff !important;
    border-bottom: 0px !important;
  }
}

.ant-menu-submenu-popup {
  text-align: center !important;
}

.ant-menu-item-selected {
  background: #2D5ACB;
  color: #fff;

  &:hover {
    color: #fff !important;
  }
}

.layout-header-wrap {
  .ant-menu-item-active {
    background: #2D5ACB !important;
  }
}

.ant-upload-list-item-name {
  width: 550px;
}

.ant-dropdown-menu-item {
  text-align: center;
}